define(function (require) {
  return function (context) {

    return {
      component: 'form',
      items: [
        {
          columns: [
            {
              bind: 'firstName',
              type: 'text',
              label: '姓',
              columnWidth: '250px',
              labelWidth: '180px',
              required: true,
              info: '输入姓',
              template: "primary",
              infoPosition: 'right'
            },
            {
              bind: 'lastName',
              type: 'text',
              label: '名',
              columnWidth: '250px',
              required: true,
              labelWidth: '180px',
              info: '输入名',
              template: "success",
            }
          ]
        },
        {
          bind: 'company',
          type: 'text',
          label: 'Company',
          required: false,
          labelWidth: '80px',
          width: '500px'
        },
        {
          columns: [
            {
              bind: 'address',
              type: 'text',
              label: 'Address',
              labelWidth: '80px',
              columnWidth: '250px',
              required: true,
            },
            {
              bind: 'city',
              type: 'text',
              label: 'City',
              required: true,
              labelWidth: '80px',
              columnWidth: '250px'
            },
          ]
        },
        {
          bind: 'state',
          type: 'option',
          label: 'State',
          required: true,
          labelWidth: '80px',
          width: '250px',
          component: 'jqxDropDownList',
          options: [
            { value: 'California' },
            { value: 'New York' },
            { value: 'Oregon' },
            { value: 'Illinois' },
            { value: 'Texas' }
          ]
        },
        {
          bind: 'zip',
          type: 'text',
          label: 'Zip code',
          required: true,
          labelWidth: '80px',
          width: '250px'
        },
        {
          type: 'blank',
          rowHeight: '10px'
        },
        {
          columns: [
            {
              type: 'button',
              text: 'Sign up',
              width: '90px',
              height: '30px',
              rowHeight: '40px',
              columnWidth: '50%',
              align: 'right'
            },
            {
              type: 'button',
              text: 'Cancel',
              width: '90px',
              height: '30px',
              rowHeight: '40px',
              columnWidth: '50%'
            }
          ]
        }
      ]
    };
  };
});